document.addEventListener('DOMContentLoaded', function() {
    const loginForm = document.getElementById('login-form');
    
    // 登录表单提交
    if (loginForm) {
        loginForm.addEventListener('submit', function(e) {
            e.preventDefault();
            validateLoginForm();
        });
    }
    
    // 登录验证逻辑
    function validateLoginForm() {
        const usernameInput = document.getElementById('username');
        const passwordInput = document.getElementById('password');
        const submitButton = loginForm.querySelector('button[type="submit"]');
        
        const username = usernameInput.value.trim();
        const password = passwordInput.value.trim();
        let isValid = true;
        
        // 清除之前的错误样式
        usernameInput.classList.remove('error');
        passwordInput.classList.remove('error');
        
        // 验证用户名
        if (username.length < 4) {
            usernameInput.classList.add('error');
            isValid = false;
        }
        
        // 验证密码
        if (password.length < 6) {
            passwordInput.classList.add('error');
            isValid = false;
        }
        
        if (isValid) {
            // 禁用按钮防止重复提交
            submitButton.disabled = true;
            submitButton.textContent = '登录中...';
            
            // 模拟登录请求（实际项目中替换为真实的AJAX请求）
            simulateLoginRequest(username, password)
                .then(() => {
                    // 登录成功后跳转到首页
                    window.location.href = 'index.html';
                })
                .catch(error => {
                    alert('登录失败: ' + error);
                })
                .finally(() => {
                    submitButton.disabled = false;
                    submitButton.textContent = '登 录';
                });
        } else {
            // 显示通用的错误提示
            alert('请输入有效的用户名和密码\n用户名至少4个字符\n密码至少6个字符');
        }
    }
    
    // 模拟登录请求函数
    function simulateLoginRequest(username, password) {
        return new Promise((resolve, reject) => {
            // 模拟网络延迟
            setTimeout(() => {
                // 这里只是模拟，实际项目中应该发送AJAX请求到服务器
                if (username && password) {
                    resolve();
                } else {
                    reject('用户名或密码不能为空');
                }
            }, 800);
        });
    }
});